<% include header %>
	
	<div id="content">
			
			<div id='app'>
				<div class="list" id="workCard">
					<div class="wrap">
						<div class='kaikou'></div>
						<div class="pic" id="preview-pane">
							<div class="preview-container">
								<img src="/img/bgimg.png" alt="" class="jcrop-preview">
							</div>
						</div>
						<div class="logo"></div>
						<div class="meta">
							<div id="zhName">迪丽热巴</div>
							<div id="department" class="ceo-office">前端组</div>
						</div>
					</div>
				</div>
			</div>
	  	<div class="list" id="workbench">
	  		<div class="imgBox thumbnail" id="uploadBox">
	  			<div style="display:block;" class="camera tool" id="upload">
	  				<a class="" title="点击上传头像">
			  			<span class="glyphicon glyphicon-camera"></span>
			  		</a>
						<div id="uploadWrap">
								<input type="file" name="" id="uploadIpt"/>
						</div>
	  			</div>
		  		<div class="imgArea tool">
		  			<img src="" alt="" id="target">
		  		</div>
		  		<div class="loading tool">
		  			<span class="loadingText">正在努力上传中...<a class="reUpload">重新上传</a></span>
		  		</div>
		  		<div class="errorPanel tool">
		  			<span class="loadingText"><b>上传失败</b><a class="reUpload">重新上传</a></span>
		  		</div>
		  		<a title="重新上传" class="reUpload main">
		  			<span class="glyphicon glyphicon-remove-circle"></span>
		  		</a>
	  		</div>
	  		<div id="workForm">
	  			<form class="form-horizontal" role="form">
				  
					<div class="form-group">
						<label for="inputZhName" class="col-sm-4 control-label">中文名</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="inputZhName" placeholder="迪丽热巴" data-target="zhName">
						</div>
					</div>
					<div class="form-group">
						<label for="inputDepartment" class="col-sm-4 control-label">部门</label>
						<div class="col-sm-8">
							<select class="form-control"  data-target="department" id="inputDepartment">
							<option selected >前端组</option>
							<option>管理团队</option>
							<option>研发一部</option>
							<option>研发二部</option>
							<option>质量管理部</option>
							<option>项目经理</option>
							<option>财务部</option>
							<option>项目管理部</option>
							<option>票据产品部</option>
							<option>金服事业部</option>
							<option>UED设计组</option>
							<option>绩效行政部</option>
							<option>协同产品部</option>
							<option>财税研究所</option>
							<option>EPG</option>
							<option>客户支持部</option>
							<option>财税产品部</option>
							<option>运营部</option>
							<option>法务合规部</option>
							<option>系统架构部</option>
						</select>
						</div>
					</div>
				  <div class="form-group">
				    <div class="col-sm-12">
				      <button id="saveBtn" disabled="true" class="btn btn-primary btn-lg saveBtn">提 交</button>
				    </div>
				  </div>
				</form>
	  		</div>
	  	</div>
	</div>
	
	<div id="progressWrap">
		<div class="box">
			<div id="progressMsg">正在计算图片信息...</div>
			<div class="progress">
			  <div class="progress-bar progress-bar-striped active"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 1%">
			    <span class="sr-only">45% Complete</span>
			  </div>
			</div>
		</div>
		
	</div>

	<div id="combinImg">
		<img src="" alt="">
		<div class="btnWrap">
			<button type="button" class="btn btn-success complete"><span class="glyphicon glyphicon-floppy-saved"></span> 标记完成</button>
			<a class="btn btn-primary viewImg" href="" target="_blank"><span class="glyphicon glyphicon-new-window"></span> 查看大图</a>
			<button type="button" class="btn btn-warning redo"><span class="glyphicon glyphicon-trash"></span> 取消重做</button>
		</div>
	</div>

	<div id="mask">
		
	</div>
	<div id="canvasBox">
		<img src="" id="close">
	</div>
<% include footer %>